@charset "UTF-8";
body{font-size: 1.4rem;}
a{color: #000;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #252b3a;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    background-color: transparent;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #DDD;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #BBB;
}
img{max-width:100%}
/*热门*/
.flaghot{width: 32px;height: 32px;background: url(../img/new.png);background-size: 100%;position: absolute;top: -14px;right: -14px;}
/*左侧导航*/
.left-menu-box{background: #252b3a;width: 200px;height: 100%;z-index: 99991;top: 40px;left: -200px;transition: all 1s;}
.left-menu-box.go{left: 0;}
.left-menu-box ul{padding-top: 20px;}
.left-menu-box ul li{position: relative;padding: 0 30px;line-height: 34px;color: #FFF;cursor: pointer;-webkit-transition: .2s;transition: .2s;}
.left-menu-box ul li:before{position: absolute;left: 0;top: 0;width: 3px;height: 100%;content: "";}
.left-menu-box ul li:hover{background: #1c212b;color: #ff6800;}
.left-menu-box ul li:hover:before{background: #ff6800;}
.left-menu-box ul li a{color: #FFF;font-size: 14px;}
.left-menu-box ul li .iconfont{color: #FF0000;}
.left-menu-box ul li .sub{display: none;position: fixed;top: 40px;left: 200px;width: 500px;background: #252b3a;color: #FFF;height: 95vh;padding: 25px;overflow: auto;}
.left-menu-box ul li .sub .content dl{overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 25px;}
.left-menu-box ul li .sub .content dl dt{font-size: 14px;font-weight: bold;padding: 8px 0;clear: both;background: ;}
.left-menu-box ul li .sub .content dl dd{float: left;width: 50%;font-size: 12px;height: 30px;line-height: 30px;}
.left-menu-box ul li .sub .content dl dd a{font-size: 12px;}
.left-menu-box ul li .sub .content dl dd .flag{display: none;}
.left-menu-box ul li .sub a{color: #FFF;}
.left-menu-box ul li:hover .sub{display: block;}
.left-menu-box .tel{position: absolute;left: 20px;bottom: 50px;font-size: 12px;line-height: 18px;color: #c3c5c6;}
.left-menu-box .tel a{font-size: 14px;line-height: 20px;color: #fff;}
/*头部*/
.head{font-size: 1.5rem;color: #FFF;background-color: transparent;transition: top 2s ease-out, background-color 2s;}
.head:hover{background: #252b3a;transition: 2.4s all;-webkit-transition: 2.4s all;}
.head:hover .head-top .search{background: rgba(255, 255, 255, 0.3)!important;transition: 2.4s all;-webkit-transition: 2.4s all;}
.head-bg{background: #252b3a;transition: 2.4s all;-webkit-transition: 2.4s all;}
.head-bg .head-top .search{background: rgba(255, 255, 255, 0.3)!important;transition: 2.4s all;-webkit-transition: 2.4s all;}

.head a{color: #FFF;}
.head .head-top{height: 40px;line-height: 40px;border-bottom: solid 1px rgba(255,255,255,.1);}
.head .head-top .logo{height: 40px;}
.head .head-top .logo img{height: 20px;}
.head .head-top .left-menu{padding: 0 9px;cursor:pointer;}
.head .head-top .left-menu .iconfont{margin: 0 6px 0 4px;font-size: 1.3rem;position: relative;top: 0px;}
.head .head-top .left-menu:hover{color: #ff6800}

.head .head-top span{margin-left: 10px;font-size: 1.2rem;color: rgba(255,255,255,0.4);}
.head .head-top .help a{padding: 0 10px;}
.head .head-top .search{margin-right: 20px;background: rgba(255, 255, 255, 0.1);transition: top 2s ease-out, background-color 2s;}
.head .head-top .search input{border: 0;height: 40px;float: left;padding: 0 15px;color: #FFF;background: none;}
.head .head-top .search input::-webkit-input-placeholder {color: #FFF;}
.head .head-top .search .text{width: 150px;transition:width 2.4s;}
.head .head-top .search:hover .text{width: 220px;}
.head .head-bottom{height: 60px;width: 100%;border-bottom: solid 1px rgba(255,255,255,.1);}
.head .head-bottom .menu ul li{float: left;}

.head .head-bottom .menu ul li h3 a{padding: 15px 25px;font-size: 14px;line-height: 30px;display: block;position: relative;}
.head .head-bottom .menu ul li h3 a .iconfont{position: absolute;right: -6px;top: 0px;color: #FF0000;z-index: 600;}

.head .head-bottom .menu ul li:hover h3 a{background: #11111d;}
.head .head-bottom .menu ul li .sub{display: none;position: fixed;left: 0;width: 100%;padding: 40px 0 30px 0;background: #11111d;}
.head .head-bottom .menu ul li:hover .sub{display: block;}

.head .head-bottom .menu ul li .sub ul{width: 15%;border-right: 1px solid rgba(255,255,255,0.1);float: left;box-sizing:border-box;}
.head .head-bottom .menu ul li .sub ul li{height: 40px;line-height: 40px;margin: 0 10px;padding: 0 15px;float: none;font-size: 14px;}
.head .head-bottom .menu ul li .sub ul li.on{background: rgba(255,255,255,0.1);color: #ff6800;}
.head .head-bottom .menu ul li .sub ul li i{float: right;}

.head .head-bottom .menu ul li .sub .content{width: 85%;border-right: 1px solid rgba(255,255,255,0.1);float: right;box-sizing:border-box;padding: 15px;}
.head .head-bottom .menu ul li .sub .content dl{display: none;}
.head .head-bottom .menu ul li .sub .content dl.on{display: block;}
.head .head-bottom .menu ul li .sub .content dl dt{width: 100%;padding: 15px;font-size: 14px;}
.head .head-bottom .menu ul li .sub .content dl dd{width: 15%;float: left;height: 40px;line-height: 40px;margin: 10px;padding: 0 15px;background: rgba(255,255,255,0.1);box-sizing:border-box;font-size: 12px;position: relative;}
.head .head-bottom .menu ul li .sub .content dl dd:hover{color: #ff6800;}
.head .head-bottom .menu ul li .sub .content dl dd .iconfont{color: #FF0000;position: absolute;top: -3px;font-size: 22px;margin-left: 6px;}
.head .head-bottom .menu ul li .sub .content dl dd .flag{display: none;}

/*banner*/
.banner{height: 89vh;background: #000;padding-top: 101px;position: relative;color: #FFF;overflow: hidden;width: 100%;}
.banner .nav{position: absolute;left: 0;bottom: 150px;width: 100%;z-index: 501;}
.banner .nav ul{}
.banner .nav ul li{display: inline-block;width: 40px;height: 4px;background: #FFF;cursor:pointer;position: relative;}
.banner .nav ul li.on{background: #ff6800;}

.banner a{color: #FFF;}
.banner ul{height: 100%;position: absolute;left: 0;top: 0;width: 100%;}
.banner ul li{height: 100%;position: absolute;left: 0;top: 0;width: 100%;}
.banner ul li.one{background: url(../img/bn1.jpg) #12121e no-repeat bottom;background-size: 100% 100%;}
.banner ul li.two{background: url(../img/bn2.jpg) #12121e no-repeat bottom;background-size: 100% 100%;}
.banner ul li.three{background: url(../img/bn3.jpg) #12121e no-repeat bottom;background-size: 100% 100%;}
.banner ul li.four{background: url(../img/bn1.jpg) #12121e no-repeat bottom;background-size: 100% 100%;}
/*banner1*/
.banner .one .txt{margin: 0 230px;display: table;height: 100%;}
.banner .one .txt .container-fluid{display: table-cell;vertical-align: middle;height: 100%;}
.banner .one .txt .h1{font-size: 7.2rem;font-weight: bold;}
.banner .one .txt .h2{font-size: 2.4rem;line-height: 3.5rem;margin-top: 2em;}
.banner .one .txt .h3{font-size: 3.6rem;color: #ff6800;font-weight: bold;margin: 0.5em 0;}
.banner .one .txt .more a{padding: 18px 46px;background: #ff6800;color: #FFF;display: inline-block;color: #FFF;font-size: 1.8rem;line-height: 1;margin: 0 10px;}
.banner .one .txt .h4{font-size: 2.4rem;line-height: 2.4rem;margin-top: 2em;margin-bottom: 0.5em;}
.banner .one .txt .line{width: 8em;height: 1px;background: #FFF;display: inline-block;margin: auto;}
/*banner2*/
.banner .two .txt{display: table;height: 100%;}
.banner .two .txt .box{display: table-cell;vertical-align: middle;height: 100%;}
.banner .two .txt .left{width: 50%;}
.banner .two .txt .right{width: 50%;}
.banner .two .txt .logo{margin-top: 4rem;margin-bottom: 5rem;}
.banner .two .txt .h1{font-size: 5rem;font-weight: bold;line-height: 9rem;}
.banner .two .txt .h2{font-size: 3.6rem;font-weight: bold;color: #f4a300;margin-top: 2.5rem;}
/*banner3*/
.banner .three .txt{display: table;height: 100%;width: 100%;}
.banner .three .txt .container-fluid{display: table-cell;vertical-align: middle;height: 100%;}
.banner .three .txt .h1{font-size: 7.2rem;font-weight: bold;margin-bottom: 3rem;}
.banner .three .txt .h2{font-size: 6rem;margin-bottom: 2rem;}
.banner .three .txt .h3{font-size: 3.6rem;color: #f46733;margin-bottom: 1rem;}
.banner .three .txt .h4{font-size: 2rem;line-height: 2.5rem;}



.banner .honnr{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba( 0, 0, 0, 0.7);color: #FFF;overflow: hidden;padding: 28px 0 19px 0;z-index: 500;}
.banner .honnr dl{float: left;width: 25%;text-align: center;font-size: 20px;color: rgba(255,255,255,0.7);border-right: 1px solid rgba(255,255,255,0.3);box-sizing:border-box;padding: 8px 0;position: relative;}
.banner .honnr dl:nth-child(1){border-left: 1px solid rgba(255,255,255,0.3);}
.banner .honnr dl strong{display: block;font-size: 24px;color: rgba(255,255,255,0.7);line-height: 1;margin-top: 10px;}



/*云+解决方案*/
.m1{box-sizing:border-box;overflow: hidden;}
.m1 .title{margin: 60px 0;position: relative;overflow: hidden;}
.m1 .title h1{font-size: 30px;line-height: 30px;font-weight: bold;background: #FFF;z-index: 500;position: relative;display: inline-block;padding: 0 30px;}
.m1 .title h2{font-size: 18px;line-height: 18px;font-weight: 100;color: #333;margin-top: 25px;}
.m1 .title .line{width: 100%;height: 1px;background: #dedcdc;position: absolute;top: 16px;z-index: 0;}

.m1 .tab-menu{overflow: hidden;}
.m1 .tab-menu ul li{width: 20%;float: left;text-align: center;font-size: 18px;line-height: 50px;cursor:pointer;position: relative;}
.m1 .tab-menu ul li .iconfont{display: block;font-size: 50px;background-image:-webkit-linear-gradient(bottom,#fbaf22,#f88d29,#fbb127);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height: 60px;}
.m1 .tab-menu ul li.on:before{position: absolute;left: 50%;bottom: 0;width: 90px;height: 3px;content: "";background: #f88d29;margin-left: -45px;}
.m1 .tab-menu ul li.on .iconfont{font-size: 60px;}
.m1 .tab-menu ul li:hover .iconfont{font-size: 60px;}

.m1 .tab-box{padding: 30px 0;background: url(../img/m1-bg.jpg) no-repeat bottom;background-size: 100% 100%;overflow: hidden;}
.m1 .tab-box dl{display: none;}
.m1 .tab-box dl.on{display: block;}

.m1 .tab-box dl dd{margin-bottom: 20px;float: left;box-sizing:border-box;  -webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.m1 .tab-box dl dd:hover{background: #FFF;box-shadow: 0 0 10px hsla(0,0%,83.9%,.5);}
.m1 .tab-box dl dd:hover h3{color: #fa8334;}

.m1 .tab-box dl dd .box{padding: 20px;display: block;overflow: hidden;}
.m1 .tab-box dl dd h3{font-size: 18px;color: #333;display: block;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.m1 .tab-box dl dd h3 i{font-size: 12px;color: #fff;padding: 5px 10px;margin-left: 10px;background: #ff4948;border-radius: 2px;}

.m1 .tab-box dl dd p{font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;margin-top: 20px;height: 19px;}
.m1 .tab-box dl dd .call{display: inline-block;margin-top: 20px;padding: 9px 16px;font-size: 14px;line-height: 14px;font-weight: 400;background: #fa8334;color: #fff;border: 1px solid #fa8334;margin-right: 10px;}
.m1 .tab-box dl dd .more{display: inline-block;margin-top: 20px;padding: 9px 16px;font-size: 14px;line-height: 14px;font-weight: 400;border: 1px solid rgba(0,0,0,.5);margin-right: 10px;}


.m1 .tab-box dl dd:nth-child(1){width: calc((100% - 50px)/2);background: #FFF;}
.m1 .tab-box dl dd:nth-child(2){width: calc((100% - 50px)/2);background: #FFF;margin-left: 50px;}
.m1 .tab-box dl dd:nth-child(-n+7):nth-child(n+3){width: 33.33%;}
.m1 .tab-box dl dd:nth-child(-n+7):nth-child(n+3) p{padding-bottom: 0;}
.m1 .tab-box dl dd:nth-child(-n+7):nth-child(n+3) .more{display: none;}
.m1 .tab-box dl dd:nth-child(-n+7):nth-child(n+2) .call{display: none;}
.m1 .tab-box dl dd:nth-child(-n+7):nth-child(n+2) h3 i{display: none;}


/*小柒机器人*/
.m2{background: url(../img/m2-bg.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;color: #FFF;}
.m2 a{color: #FFF;}
.m2 .left{width: 70%;}
.m2 .left .title{margin-top: 147px;margin-bottom: 59px;overflow: hidden;}
.m2 .left .title h1{font-size: 60px;line-height: 60px;color: #FFF;}
.m2 .left .title h2{font-size: 18px;color: #fa8334;margin-top: 28px;font-weight: 100;}
.m2 .left .txt{font-size: 18px;line-height: 36px;margin-top: 50px;}
.m2 .left .more{padding: 18px 47px;border: 1px solid #FFF;font-size: 16px;display: inline-block;border-radius: 5px;margin-top: 50px;}
.m2 .left .more:hover{background: #fa8334;border: 1px solid #fa8334;}
.m2 .right{width: 30%;padding: 37px 0 2px 0;}
/*互联网基础应用*/
.m3{box-sizing:border-box;overflow: hidden;padding-bottom: 82px;}
.m3 .title{margin: 60px 0;position: relative;overflow: hidden;}
.m3 .title h1{font-size: 30px;line-height: 30px;font-weight: bold;background: #FFF;z-index: 500;position: relative;display: inline-block;padding: 0 30px;}
.m3 .title h2{font-size: 18px;line-height: 18px;font-weight: 100;color: #333;margin-top: 25px;}
.m3 .title .line{width: 100%;height: 1px;background: #dedcdc;position: absolute;top: 16px;z-index: 0;}

.m3 .content .left{width: 49%;}
.m3 .content .right{width: 49%;}
.m3 .content h3{font-size: 18px;}
.m3 .content h4{font-size: 14px;color: #707070;line-height: 60px;}
.m3 .content p{font-size: 14px;line-height: 30px;}
.m3 .content p a{border-right: 1px solid #ccc;padding-left: 10px;padding-right: 10px;}
.m3 .content p a:first-child{padding-left: 0;}
.m3 .content p a:last-child{border-right: 0px solid #ccc;}
.m3 .content .box{background: #fafafa;padding: 38px 54px 29px 54px;box-sizing:border-box;overflow: hidden;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.m3 .content .box:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;box-shadow: 0 6px 10px 0 #b7c5d5;}

.m3 .content .web{height: 205px;background: url(../img/icon/icon-01.png) #fafafa no-repeat right bottom;}
.m3 .content .wechat{height: 205px;margin-top: 7px;background: url(../img/icon/icon-02.png) #fafafa no-repeat right bottom;}
.m3 .content .app{height: 135px;background: url(../img/icon/icon-03.png) #fafafa no-repeat right bottom;}
.m3 .content .tel400{height: 135px;margin-top: 6px;background: url(../img/icon/icon-04.png) #fafafa no-repeat right bottom;}
.m3 .content .mail{height: 135px;margin-top: 6px;background: url(../img/icon/icon-05.png) #fafafa no-repeat right bottom;}

/*中诺云计算*/
.m4{background: url(../img/m4-bg.jpg) no-repeat;background-size: 100% 100%;color: #FFF;box-sizing:border-box;overflow: hidden;height: 618px;}
.m4 .title{font-size: 30px;font-weight: bold;padding: 71px 0 48px 0;}
.m4 .content .left{width: 25%;border-right: 1px solid #FFF;}
.m4 .content .left .tab-menu li{line-height: 38px;font-size: 18px;padding-right: 47px;margin: 40px 0;cursor:pointer;}
.m4 .content .left .tab-menu li.on{border-right: 3px solid #fa8334;position: relative;right: -2px;background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));}
.m4 .content .right{width: 70%;}
.m4 .content .right .tab-box{margin-top: 13px;}
.m4 .content .right .tab-box ul{display: none;}
.m4 .content .right .tab-box ul.on{display: block;}
.m4 .content .right .tab-box h3{font-size: 16px;}
.m4 .content .right .tab-box p{line-height: 30px;font-size: 14px;margin: 25px 0 35px 0;}
.m4 .content .right .tab-box .more{padding: 9px 40px;color: #FFF;background: #fa8334;display: inline-block;}
/*新闻中心*/
.m5{overflow: hidden;padding-bottom: 82px;box-sizing:border-box;}
.m5 .title{margin: 60px 0;position: relative;overflow: hidden;}
.m5 .title h1{font-size: 30px;line-height: 30px;font-weight: bold;background: #FFF;z-index: 500;position: relative;display: inline-block;padding: 0 30px;}
.m5 .title h2{font-size: 18px;line-height: 18px;font-weight: 100;color: #333;margin-top: 25px;}
.m5 .title .line{width: 100%;height: 1px;background: #dedcdc;position: absolute;top: 16px;z-index: 0;}
.m5 .content{height: 420px;box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.12);}
.m5 .content .left{width: 32.5%;box-sizing:border-box;background: #000;height: 100%;}
.m5 .content .left a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 400;}
.m5 .content .left a img{width: 100%;height: 100%;transition: all 1s;}
.m5 .content .left a:hover img{transform: scale(1.1);}
.m5 .content .left a .black-bg{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 450;background: rgba(0, 0, 0, 0.5);}
.m5 .content .left a .text{position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px;box-sizing:border-box;color: #FFF;font-size: 20px;z-index: 500;}
.m5 .content .left a .text .news-title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.m5 .content .left a .text .summary{font-size: 14px;margin: 20px 0;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m5 .content .left a .text .more{border: 1px solid #FFF;padding: 5px 26px;font-size: 12px;border-radius: 2px;transition: 0.2s;}
.m5 .content .left a .text .more:hover{background: #fa8334;border: 1px solid #fa8334;}

.m5 .content .right{width: 67.5%;box-sizing:border-box;height: 100%;}
.m5 .content .right ul{height: 100%;}
.m5 .content .right ul li{width: 33.3333333%;float: left;height: 50%;box-sizing:border-box;padding: 0 20px;display: table;overflow: hidden;}
.m5 .content .right ul li:nth-child(1){background: #fa8334;}
.m5 .content .right ul li:nth-child(2){background: url(../img/news-01.jpg) no-repeat;background-size: auto 100%;}
.m5 .content .right ul li:nth-child(3) a{color: #252b3a;}
.m5 .content .right ul li:nth-child(4){width: 66.6666666%;}
.m5 .content .right ul li:nth-child(4) a{color: #252b3a;}
.m5 .content .right ul li:nth-child(5){background: #fa8334;}
.m5 .content .right ul li a{font-size: 20px;line-height: 28px;color: #FFF;display: table-cell;vertical-align: middle;position: relative;}
.m5 .content .right ul li a i{font-size: 14px;line-height: 22px;position: absolute;bottom: 30px;opacity: 0;transition: opacity 0.2s;}

.m5 .content .right ul li a .news-title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: transform 0.2s;}
.m5 .content .right ul li a .summary{display: none;}
.m5 .content .right ul li:hover .news-title{transform: translate(0, -26px);}

.m5 .content .right ul li a:hover i{opacity: 1;}
.m5 .content .right ul li a i span{margin-left: 5px;transition: all 0.5s;}
.m5 .content .right ul li a i:hover span{margin-left: 20px;}

.m5 .content .right ul li:nth-child(4) .news-title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: transform 0.2s;}
.m5 .content .right ul li:nth-child(4) .summary{margin-top: 10px;font-size: 14px;color: #666a75;transition: transform 0.2s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.m5 .content .right ul li:nth-child(4):hover .news-title{transform: translate(0, -26px);}
.m5 .content .right ul li:nth-child(4):hover .summary{transform: translate(0, -26px);}

/*多家知名客户共同见证*/
.m6{overflow: hidden;padding-bottom: 82px;box-sizing:border-box;}
.m6 .title{margin: 60px 0;position: relative;overflow: hidden;}
.m6 .title h1{font-size: 30px;line-height: 33px;font-weight: bold;background: #FFF;z-index: 500;position: relative;display: inline-block;padding: 0 30px;}
.m6 .title h2{font-size: 18px;line-height: 18px;font-weight: 100;color: #333;margin-top: 25px;}
.m6 .title .line{width: 100%;height: 1px;background: #dedcdc;position: absolute;top: 16px;z-index: 0;}
.m6 .content dl{float: left;width: 25%;text-align: center;margin-bottom: 25px;}

/*底部*/
.foot{background: #212330;overflow: hidden;}
.foot .service{padding: 20px 0;overflow: hidden;border-bottom: 1px solid #2d2f3a;color: #a9a9ad;}
.foot .service a{color: #a9a9ad;}
.foot .service ul li{float: left;width: 25%;}
.foot .service ul li .iconfont{color: #FFF;font-size: 34px;text-align: center;margin-right: 10px;position: relative;top: 5px;}

.foot .wrap{color: #5d5e66;padding: 20px 0;border-bottom: 1px solid #2d2f3a;overflow: hidden;}
.foot .wrap a{color: #5d5e66;}
.foot .wrap dl{display: block;}
.foot .wrap dt{padding: 5px 10px 15px 0;line-height: 24px;font-size: 16px;color: #fff;}
.foot .wrap dd{padding: 5px 5px 5px 0;line-height: 20px;font-size: 14px;color: #5d5e66;}
.foot .wrap .menu{width: 68%;}
.foot .wrap .menu dl{float: left;width: 25%;}
.foot .wrap .contact{width: 32%;}

.foot .links{color: #5d5e66;font-size: 12px;padding-top: 34px;}
.foot .links a{color: #5d5e66;}
.foot .links strong{margin-right: 18px;}
.foot .links span{display: inline-block;height: 12px;width: 1px;margin: 0 18px;overflow: hidden;background: #2d2f3a;}

.foot .copyright{font-size: 12px;padding-top: 18px;padding-bottom: 24px;color: #5d5e66;}
.foot .copyright a{color: #5d5e66;}


/*子页banner*/
.sub-banner{background: url(../img/sub-banner.png);height: 390px;color: #FFF;box-sizing:border-box;padding-top: 90px;}
.sub-banner h4{font-size: 36px;color: #fff;font-weight: 700;line-height: 52px;}
.sub-banner p{font-size: 14px;line-height: 24px;width: 70%;margin: 20px 0 30px;color: #fff;}
/*文章内页*/
.brick-article-content-w01{margin: 50px 0;}
.brick-article-content-w01 .title{font-size: 22px;color: #333;line-height: 28px;}
.brick-article-content-w01 .time{font-size: 12px;color: #999;display: block;border-bottom: 1px solid #eee;padding: 18px 0;margin-bottom: 20px;}
.brick-article-content-w01 .time span{padding: 0px 8px;}
.brick-article-content-w01 .time span .iconfont{margin-right: 10px;position: relative;top: 2px;}
.brick-article-content-w01 .content{font-size: 14px;color: #3f3f3f;line-height: 28px;}

/*文章列表*/
.list-page {margin:20px;text-align: center;clear: both;font-size: 16px;}
.list-page span.close,
.list-page strong,
.list-page a {display: inline-block;padding: 3px 8px;margin-right: 10px;background: #F5f5f5;color: #CCCCCC;float: none;font-size: 16px;line-height: normal;}
.list-page strong.selfpage {background: #ed0616;color: #ffffff;}
.list-page a {background: #bbbbbb;color: #ffffff;}
.list-page a:hover {background: #ed0616;color: #fff;}

.news-list-box ul li{padding: 29px 0 30px 0;border-bottom: 1px solid #eaeffd;overflow: hidden;}
.news-list-box ul li img{width: 270px;height: 137px;margin-right: 40px;}
.news-list-box ul li .news_title{font-size: 16px;font-weight: bold;color: #343434;line-height: 50px;}
.news-list-box ul li .news_summary{font-size: 14px;color: #999999;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*关于我们*/
.brick-article-about-us-w01{margin: 50px 0;}
.brick-article-about-us-w01 .one{padding: 70px 0 60px 0;overflow: hidden;}
.brick-article-about-us-w01 .one .title{margin-bottom: 2%;width: 100%;}
.brick-article-about-us-w01 .one .title .cn{font-size: 3.6rem;line-height: 1.2;font-weight: bold;color: #2d246b;}
.brick-article-about-us-w01 .one .title .en{font-size: 36px;font-weight: bold;color: #333;}
.brick-article-about-us-w01 .one .pic{height: 260px;overflow: hidden;width: 40%;}
.brick-article-about-us-w01 .one .pic img{height: 100%;width: 100%}
.brick-article-about-us-w01 .one .content{letter-spacing: 0.5px;font-size: 14px;line-height: 32px;width: 60%;box-sizing:border-box;padding: 1.5em;}
.brick-article-about-us-w01 .one .content .cn{font-size: 1.3rem;line-height: 30px;margin-bottom: 10px;font-weight: bold;color: #2d246b;}
.brick-article-about-us-w01 .one .content .en{font-size: 13px;color: #999;line-height: 20px;margin-bottom: 3%;font-weight: 500;}
.brick-article-about-us-w01 .two{background: #f4f4f4;padding: 30px 0;overflow: hidden;}
.brick-article-about-us-w01 .two .num{font-size: 42px;color: #2d246b;line-height: 56px;margin-top: 40px;}
.brick-article-about-us-w01 .two .num p{font-size: 12px;color: #2d246b;line-height: 25px;margin-bottom: 0;}
.brick-article-about-us-w01 .two ul li{border-right: 1px solid #e2e2e2;float: left;width: 16.66666666%;box-sizing:border-box;}
.brick-article-about-us-w01 .two ul li:nth-last-child(1){border-right: 0px solid #e2e2e2;}


.brick-article-about-us-w01 .three{margin: 60px 0;}
.brick-article-about-us-w01 .three ul li{float: left;width: 25%;box-sizing:border-box;padding: 15px;}
.brick-article-about-us-w01 .three ul li img{max-width: 100%;}


.sub-box img{max-width: 100%;height: auto!important;width: auto\9!important;}



/*服务支持*/
.service-box{overflow: hidden;}
.service-box .one{margin: 50px;overflow: hidden;}
.service-box .one .h1{font-size: 26px;margin-bottom: 35px;color: #FFF;}
.service-box .one .summary{font-size: 16px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #FFF;}
.service-box .one .left{height: 412px;margin-bottom: 20px;}
.service-box .one .left a{display: block;width: 100%;height: 100%;background: url(../img/imgbg-service.png);background-size: 100% 100%;padding: 25px 35px;box-sizing: border-box;}
.service-box .one .right .box{height: 196px;margin-bottom: 20px;}
.service-box .one .right .box a{display: block;width: 100%;height: 100%;background: linear-gradient(135deg,rgba(96,160,245,1) 0,rgba(15,114,251,1) 100%);padding: 25px 35px;box-sizing: border-box;}
.service-box .one .right .box:nth-child(1) a{background: linear-gradient(135deg,rgba(1,195,216,1) 0,rgba(59,180,240,1) 100%);}
.service-box .one .right .box:nth-child(2) a{background: url(../img/imgbg-online.png);background-size: 100% 100%;}
.service-box .one .right .box:nth-child(4) a{background: linear-gradient(135deg,rgba(1,195,216,1) 0,rgba(59,180,240,1) 100%);}



.service-box .two{background: #f5f5f5;overflow: hidden;margin-top: 50px;padding-bottom: 50px;width: 100%;}
.service-box .two .h1{font-size: 30px;color: #222222;padding: 36px 0 53px 0;font-weight: normal;}
.service-box .two .box{}
.service-box .two .box .title{font-size: 20px;padding: 20px 0;background: #242939;color: #FFF;}
.service-box .two .box .content{padding: 20px;overflow: hidden;background: #eee;height: 220px;}
.service-box .two .box .content ul li{width: 50%;margin-bottom: 18px;float: left;text-align: left;font-size: 16px;color: #666;}
.service-box .two .box .content ul li i{margin: 0 10px;color: #c5c5c5;font-size: 14px;}



/*案例*/
.brick-case-list-w00{}
.brick-case-list-w00 .title{font-size: 50px;margin-top: 130px;margin-bottom: 50px;overflow: hidden;width: 1250px;}
.brick-case-list-w00 .title .summary{font-size: 16px;color: #555;line-height: 40px;}
.brick-case-list-w00 .content{font-size: 18px;line-height: 35px;}

.brick-case-list-w01{background: url(../img/office-2643259_19202.jpg) no-repeat ;background-size: 100% auto;height: 800px;overflow: hidden;position: relative;margin-top: 50px;}
.brick-case-list-w01 .title{font-size: 50px;margin-top: 130px;margin-bottom: 50px;overflow: hidden;width: 1250px;}
.brick-case-list-w01 .title .summary{font-size: 16px;color: #555;line-height: 40px;}
.brick-case-list-w01 .content{margin: 0px 75px 0px 250px;position: absolute;left: 0;bottom: 0;}
.brick-case-list-w01 .content .row{border-left: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;}
.brick-case-list-w01 .content .row .col{background: #FFF;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.brick-case-list-w01 .content .row .col img{max-width: 100%;height: auto!important;width: auto\9!important;}
.brick-case-list-w01 .title2{font-size: 50px;margin-top: 70px;margin-bottom: 50px;overflow: hidden;}
.brick-case-list-w01 .summary2{overflow: hidden;clear: both;}
.brick-case-list-w01 .summary2 .item{float: left;float: left;width: 400px;font-size: 18px;line-height: 2.5;border-bottom: 1px solid #ccc;}
.brick-case-list-w01 .summary2 .item span{font-weight: bold;color: #000000;margin-right: 8px;}
.brick-case-list-w01 .content2{margin-top: 30px;overflow: hidden;clear: both;}
.brick-case-list-w01 .content2 .item{float: left;width: 199px;height: 150px;overflow: hidden;background: #FFF;text-align: center;margin-right: 1px;}
.brick-case-list-w01 .content2 .item h3{font-size: 14px;line-height: 3;}



/*关于我们*/
.about-us-pages .menu{height: 60px;line-height: 60px;border-bottom: 1px;border-bottom: 1px solid #e7e9ed;}
.about-us-pages .menu a{margin: 0 54px;font-size: 16px;color: #656565;}

.about-us-pages .one{margin-bottom: 72px;overflow: hidden;}
.about-us-pages .one .title{font-size: 24px;color: #545454;line-height: 1;padding: 50px 0 32px 0;}
.about-us-pages .one .content{font-size: 14px;color: #7d7c7c;line-height: 30px;}

.about-us-pages .two{height: 548px;background: url(../img/aboutus-two-bg.jpg);color: #FFF;overflow: hidden;}
.about-us-pages .two a{color: #FFF;}
.about-us-pages .two .title{font-size: 24px;line-height: 1;margin-top: 55px;margin-bottom: 44px;}
.about-us-pages .two .title .summary{font-size: 16px;margin-top: 29px;}
.about-us-pages .two .content dl{float: left;width: 25%;}
.about-us-pages .two .content dl .box{background: rgba(255,255,255,0.1);margin: 11px;text-align: center;overflow: hidden;padding: 48px 0 33px 0;line-height: 1;}
.about-us-pages .two .content dl dt{font-size: 18px;}
.about-us-pages .two .content dl dt i{font-size: 40px;}
.about-us-pages .two .content dl dt p{margin: 42px 0 46px 0;}
.about-us-pages .two .content dl dd{display: inline-block;margin: 0 1em;margin-bottom: 29px;}

.about-us-pages .three{margin-bottom: 72px;overflow: hidden;}
.about-us-pages .three .title{font-size: 24px;color: #545454;line-height: 1;padding: 59px 0 80px 0;}
.about-us-pages .three .content dl{float: left;width: 25%;text-align: center;margin-bottom: 45px;}

.about-us-pages .four{margin-bottom: 72px;overflow: hidden;}
.about-us-pages .four .title{font-size: 24px;color: #545454;line-height: 1;border-top: 1px solid #e3e3e3;padding: 49px 0 43px 0;}

.about-us-pages .five{height: 354px;background: url(../img/aboutus-five-bg.jpg) center;text-align: center;overflow: hidden;}
.about-us-pages .five .go{font-size: 30px;color: #FFF;margin: 128px auto 0 auto;cursor:pointer;width: 91px;height: 59px;line-height: 59px;border: 1px solid #FFF;border-radius: 15px;}

.about-us-pages .five .video{position: fixed;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.85);z-index: 99999;display: none;}
.about-us-pages .five .video.on{display: block;}
.about-us-pages .five .video .close{position: absolute;right: 10px;top: 10px;font-size: 30px;color: #FFF;cursor:pointer;}
.about-us-pages .five .video .box{width: 1020px;height: 583px;margin: auto;position: relative;top: 50%;margin-top: -290px;}
/*右侧浮动客服1*/
.brick-float-service{position: fixed;z-index: 9999998;bottom: 20px;right: 20px;}
.brick-float-service .item{background-color: white;text-align: center;line-height: 48px;width: 48px;height: 48px;font-size: 0;position: relative;border-radius: 2px;box-shadow: 0 4px 10px 0 rgba(138, 141, 147, 0.2);}

.brick-float-service .tel{height: auto;margin-bottom: 10px;background-color: #f66f6a;line-height: 0;cursor: default;}
.brick-float-service .tel span{width: 24px;height: 24px;display: inline-block;vertical-align: middle;background: url(../img/icons-float-bar2.png) 0 0 no-repeat;margin: 12px auto;}
.brick-float-service .tel .contact{position: relative;background-color: white;font-size: 14px;color: #333;line-height: 16px;text-align: center;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.brick-float-service .tel .contact a{display: inline-block;padding: 10px 16px;}
.brick-float-service .tel .layer{position: absolute;top: auto;bottom: 0;right: 100%;padding-right: 5px;font-size: 14px;opacity: 0;visibility: hidden;transform: scale(.95);transform-origin: right;transition: opacity .4s, transform .3s ease-out;}
.brick-float-service .tel:hover .layer{opacity: 1;transform: scale(1);visibility: visible;}
.brick-float-service .tel .layer .main{min-width: 220px;white-space: nowrap;background-color: #fff;line-height: 40px;display: block;padding: 10px 0;border-radius: 2px;box-shadow: 0 4px 10px 0 rgba(138, 141, 147, 0.2);}
.brick-float-service .tel .layer .main dl{line-height: 44px;height: 44px;text-align: left;padding-right: 20px;position: relative;}
.brick-float-service .tel .layer .main dl:nth-child(1){height: auto;line-height: 18px;padding-bottom: 10px;}
.brick-float-service .tel .layer .main dl:hover{background: #fafafa;}
.brick-float-service .tel .layer .main dl .icon{float: left;margin: 10px 20px 0 18px;width: 24px;height: 24px;display: inline-block;vertical-align: middle;background: url(../img/icons-float-bar2.png) 0 0 no-repeat;}
.brick-float-service .tel .layer .main dl:nth-child(1) .icon{background-position: -48px 0;}
.brick-float-service .tel .layer .main dl:nth-child(2) .icon{background-position: -24px 0;}
.brick-float-service .tel .layer .main dl:nth-child(3) .icon{background-position: -96px 0;}
.brick-float-service .tel .layer .main dl:nth-child(1) .title{padding-top: 14px;}
.brick-float-service .tel .layer .main dl .info{font-size: 12px;color: #F66F6A;clear: both;margin-top: 5px;margin-left: 62px;line-height: 18px;background: none;padding: 0;text-align: justify;}
.brick-float-service .tel .layer .main dl .info i{color: #333;font-style: normal;}

.brick-float-service .go-top {visibility: hidden;opacity: 0;transition: opacity .3s ease-out;}
.brick-float-service .go-top.show{visibility: visible;opacity: 1;}
.brick-float-service .go-top span{width: 24px;height: 24px;display: inline-block;vertical-align: middle;background: url(../img/icons-float-bar2.png) 0 0 no-repeat;background-position: -144px 0;}
.brick-float-service .go-top:hover span{background-position: -120px 0;}


/*美萍软件*/
.mpsoft-box{overflow: hidden;}
.mpsoft-box .banner{height: 544px;background: url(../img/mpsoft-banner.jpg) top no-repeat;padding-top: 0;}
.mpsoft-box .cat-menu{border-bottom: 1px solid #dcdcdc;padding-top: 31px;padding-bottom: 22px;overflow: hidden;line-height: 1;}
.mpsoft-box .cat-menu a{display: block;float: left;width: 240px;text-align: center;font-size: 17px;color: #868584;position: relative;}
.mpsoft-box .cat-menu a .iconfont{font-size: 50px;margin-bottom: 12px;}
.mpsoft-box .cat-menu a.on,
.mpsoft-box .cat-menu a.on .iconfont{color: #ff6800;}
.mpsoft-box .cat-menu a.on::after{content: "";width: 154px;height: 3px;background: #ff6800;position: absolute;left: 43px;bottom: -22px;}
.mpsoft-box .list{padding: 49px 0;overflow: hidden;}
.mpsoft-box .list ul li{float: left;width: 300px;height: 67px;}
.mpsoft-box .list ul li i{display: inline-block;width: 40px;height: 67px;background: url(../img/mpsoft-list-i.jpg) no-repeat left;float: left;}
.mpsoft-box .list ul li a{line-height: 67px;float: left;color: #7b7877;font-size: 16px;}



/* 新闻列表2 */
.news1{padding-bottom: 70px;}
.news1 li a{width: 558px; height: 118px; display: block; float: left; border:1px solid #e5e5e5; border-bottom-left-radius:45px;border-top-right-radius: 45px;}
.news1 li{height: 122px; float: left; margin-top: 33px;}
.news1 li:nth-child(2n){float: right;}
.news1 li .news1_time{width: 84px; height: 105px; float: right; background: url(../img/newlist.png) no-repeat; margin-right: 40px; color: #fff; text-align: center; }
.news1 li .news1_time h3{font-size: 50px; font-weight: 100;line-height: 50px; padding-top: 5px;padding-bottom: 3px;}
.news1 li .news1_time span{font-size: 16px; line-height: 16px;display: block; font-weight: 100;}
.news1_l{width: 505px; float: left; padding-left: 42px;}
.news1_l h3{font-size: 20px; background: url(../img/z1.png) left no-repeat; padding-left: 29px; line-height: 30px; margin-top: 25px; margin-bottom: 10px;}
.news1_l p{font-size: 15px; color: #888888; line-height: 30px;}
.news1 li:hover a{border:5px solid #006e9d;width: 550px; height: 110px;transition:all 0.3s;}
.news1 li:hover .news1_time{background: url(../img/newlist_on.png);}
.news1>li:hover>h3{background: url(../img/z1h.png) left no-repeat;}